@charset "utf-8";
#one,#two,#three{ padding-top:120px}
.advertisement_three .whole .container.padding{padding:60px 0;}
.advertisement_three .whole .container.padding-40{padding:40px 0;}
/** 活动页面- 房产API **/
.advertisement_three{color:#333}
.banner{ margin-top:60px; width:100%; height:350px;background:url(../activity-3/banner-3.jpg) no-repeat center;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:auto 100%;background-size:auto 100%; background-color:#000}
.banner .frame{width: 1200px; margin:0 auto;}
.banner .frame img{ margin-top:70px}
.advertisement_three .whole{ z-index:999}
.advertisement_three .whole .navigation{ padding:0 !important}
.advertisement_three .whole .navigation a{ width:33%; float:left; line-height:60px; color:#333; font-size:24px; text-align:center;    text-decoration: none;}
.advertisement_three .whole .navigation a.hr,.advertisement_three .whole .navigation a:hover,.advertisement_three .whole .navigation a:focus{ color:#fff; background:#7fb7f0;-moz-transition: all 550ms ease-in-out;-webkit-transition: all 550ms ease-in-out;-o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;}
.advertisement_three .whole .navigation a.before{ border-right:2px solid #fff}
.advertisement_three .whole.background-eee{background:#eeeeee}
.advertisement_three .whole.background-f7f{background-color:#f7f8fb;}
.advertisement_three .whole .container{ color:#333;display: table;}
.advertisement_three .whole .left{ float:left; color:#333;}
.advertisement_three .whole .right{ float:right;color:#333}
.advertisement_three .whole h2{color:#333; width:100%; margin:60px 0 30px 0; font-size:36px; font-weight:normal}
.advertisement_three .whole p{ float:left; color:#666; width:100%; font-size:26px; line-height:60px; font-family:"PingFang SC","Microsoft YaHei"}
/*.advertisement_three .whole .frame .left h2{ margin-left:20px}
.advertisement_three .whole .frame .left p{ margin-left:20px}
.advertisement_three .whole .frame .left .frame-img{ margin-left:20px}
.advertisement_three .whole .frame .right h2{ margin-right:20px}
.advertisement_three .whole .frame .right p{ margin-right:20px}
.advertisement_three .whole .frame .right .frame-img{ margin-right:20px}*/
.advertisement_three .whole .frame-img{ width:700px; height:400px; border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);background:#fff;}
.advertisement_three .whole button{ padding:12px 100px;background-color: #1080f2; font-size:18px; line-height:20px; border:0;color: #fff; margin-left:440px}
.advertisement_three .whole.css3-img{ height:200px;background:url(../activity-3/img-top.jpg) no-repeat center; background-size:100% 100%;}
.advertisement_three .whole.css3-img div{width: 1200px; margin:0 auto; font-size:50px; padding-top:50px; padding-left:40px; font-family:"PingFang SC",arial,"Microsoft YaHei",sans-serif}
.advertisement_three .whole.css3-img div h4{ font-size:48px; font-weight:normal; line-height:48px; color:#fff}
.advertisement_three .whole.css3-img div span{font-size:32px; margin-left:100px; line-height:32px; color:#fff}
.advertisement_three .whole.css3{ position: relative; padding:90px;z-index:99;-moz-box-shadow:-5px -5px 5px #999 inset;-webkit-box-shadow:-5px -5px 5px #999 inset;box-shadow:0px -5px 10px #e5e5e5 inset;}
.advertisement_three .whole.css3{ padding:0;display:table; width: 100%;}
.advertisement_three .whole.css3 .container{ padding:60px 0; background:url(tp.png) no-repeat right top;}
.advertisement_three .whole.css3 div h5{ text-align:left; font-size:36px;}
.advertisement_three .whole.css3 div p{ font-size:30px; float:none;z-index:20}
.advertisement_three .whole.css3 div .sad{ width:216px; height:216px; margin:40px auto 130px 130px; background:url(./sad.png) no-repeat;}
.advertisement_three .whole.css3 div .happy{ width:216px; height:216px; margin:234px 100px 40px auto; background:url(./happy.png) no-repeat;}
.advertisement_three .whole.css3 div a{font-size:36px;float: left; width: 460px;height: 70px;line-height: 70px;background: #1080f2;text-align: center;color: #fff;    text-decoration: none;}
.advertisement_three .whole.css3 div a:hover{background-color:#0d70d4;-moz-transition: all 550ms ease-in-out;-webkit-transition: all 550ms ease-in-out;-o-transition: all 550ms ease-in-out;transition: all 550ms ease-in-out;}
.advertisement_three .whole.css3 div.right h5{ text-align: right; padding:0 30px}
.triangle{position:absolute;width: 0;height: 0;z-index:-10}
.triangle.one{top:-40px;left:0px;border-top: 400px solid transparent;border-left: 500px solid rgba(255,244,92,0.8);border-bottom: 300px solid transparent;}
.triangle.two{bottom:90px;right:0px;border-bottom: 100px solid transparent;border-right: 500px solid rgba(126,206,244,0.5);border-top: 500px solid transparent;}
.advertisement_three .whole.text{background:url(../activity-3/img.png) center;}
.advertisement_three .whole.text h6{ font-size:48px; height:190px; line-height:190px;text-align: center;}
.advertisement_three .whole.text .list{ /*display:table;*/ padding:40px;}
.advertisement_three .whole.text .list div{ width:25%; float:left; color:#666; text-align:center; font-size:24px; line-height:40px; padding-top:70px}
.advertisement_three .whole.text .list div.one{ background:url(1.png) top no-repeat}
.advertisement_three .whole.text .list div.two{ background:url(2.png) top no-repeat}
.advertisement_three .whole.text .list div.three{ background:url(3.png) top no-repeat}
.advertisement_three .whole.text .list div.four{ background:url(4.png) top no-repeat}
.advertisement_three .whole.text .drop-down{ width:100%;height:100px; background:#fff; line-height:100px; text-align:center; color:#666}
.advertisement_three .whole.text .int{  border-top:2px dashed #333; padding:20px;display: list-item;color: #1080f2; font-size:30px; line-height:20px}
.advertisement_three .whole.text .int h3{ color:#333; font-size:24px; line-height:24px; font-weight:normal; margin:15px 0; text-decoration: underline}
.advertisement_three .whole.text .int span{ font-size:18px; line-height:18px; color:#333;}
.advertisement_three .whole.text .int img{ margin:0 10px}


@-moz-keyframes myMove {
  0% {padding-top:20px;}
  100% {padding-top:40px;}
}
@-webkit-keyframes myMove {
  0% {padding-top:20px;}
  100% {padding-top:40px;}
}
@-o-keyframes myMove {
  0% {padding-top:20px;}
  100% {padding-top:40px;}
}
@keyframes myMove {
  0% {padding-top:20px;}
  100% {padding-top:40px;}
}
#down {
  text-align: center;
  height: 100px;
  -moz-animation: myMove .6s linear infinite alternate; 
  -webkit-animation: myMove .6s linear infinite alternate;
  -o-animation: myMove .6s linear infinite alternate;
  animation: myMove .5s cubic-bezier(0.25,0.1,0.25,1) infinite alternate;
}